import React from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { MoreO, HomeO, FlagO, UserCircleO } from '@react-vant/icons'
const App = () => {
  return (
    <div>
      <Outlet></Outlet>
      <footer>
        <Tabbar>
          <Tabbar.Item icon={<HomeO />}><NavLink to='/'>首页</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<FlagO  />}><NavLink to='/shequ'>社区</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<MoreO  />}><NavLink to='/gonglun'>攻略</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<UserCircleO  />}><NavLink to='/my'>我的</NavLink></Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  )
}

export default App
